<!DOCTYPE html>
<html>
<head>
    <title></title>
	<#include "/header.html">
</head>
<body>
<style>
    th{
        text-align: center;
    }

    .vitaltb {
        border:1px solid #aeb2b7;
        text-align: left;
        font-weight: 900;
    }

    .vitaltbleft {
        border:1px solid #aeb2b7;
        text-align: left;
        width: 100px;
    }
</style>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left">
                <select style="height: 34px;" id="selectUserGzhList" v-model="q.gzhCode">

                </select>
            </div>

            <div style="float: left">
                起始时间：<input type="date" id="startDate" v-model="q.startDate" style="height: 34px;" placeholder="起始时间"/>
                截止时间：<input type="date" id="endDate" v-model="q.endDate" style="height: 34px;" placeholder="截止时间"/>
            </div>

            <a class="btn btn-default" @click="query">查询</a>


        </div>

        <div style="float: left;width: 100%;">
            <table style="width: 100%;border:1px solid #aeb2b7;">
                <tr>
                    <td class="vitaltbleft">成交单数:</td><td class="vitaltb" id="t1Count"></td>
                    <td class="vitaltbleft">成交总金额:</td><td class="vitaltb" id="totalAmount"></td>
                    <td class="vitaltbleft">未支付单数:</td><td class="vitaltb" id="t0Count"></td>
                    <td class="vitaltbleft">未支付总金额:</td><td class="vitaltb" id="totalAmountT1"></td>
                    <td class="vitaltbleft">退款单数:</td><td class="vitaltb" id="t2Count"></td>
                    <td class="vitaltbleft">退款总金额:</td><td class="vitaltb" id="totalAmountT2"></td>
                </tr>
            </table>
        </div>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">买家用户ID</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" readonly="readonly" v-model="bOrderInfo.userId" placeholder="买家用户ID"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易总计金额</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" readonly="readonly" v-model="bOrderInfo.totalAmount" placeholder="交易总计金额"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易状态</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" readonly="readonly" v-model="bOrderInfo.transStatusText" placeholder="交易状态 0-等待支付 1-已支付 2-已退款"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">第三方交易号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" readonly="readonly" v-model="bOrderInfo.tradeNo" placeholder="第三方交易号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易说明</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" readonly="readonly" v-model="bOrderInfo.itemName" placeholder="交易说明"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易发生时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" readonly="readonly" v-model="bOrderInfo.createTime" placeholder="交易发生时间"/>
                        </div>
                    </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>

                <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/bordervital.js?_${.now?long}"></script>

</body>
</html>
